<table
  #table
  class="x-table"
  [ngClass]="classMap"
  [x-loading]="loading && getting"
  [class.x-table-scroll-left]="getScrollLeft"
  [class.x-table-scroll-top]="getScrollTop"
  [class.x-table-bordered]="bordered"
  [class.x-table-td-adaption-height]="rowHeight == 0"
  [class.x-table-cell-config]="cellConfig"
>
  <x-table-head
    *ngIf="showHeader"
    [columns]="columns"
    [rowHeight]="rowHeight"
    [columnTpl]="headColumnTpl"
    [scrollYWidth]="scrollYWidth"
    [scrollXWidth]="scrollXWidth"
    [cellConfig]="cellConfig?.thead"
    [table]="this"
  ></x-table-head>
  <x-table-body
    [data]="tableData"
    [columns]="columns"
    [itemSize]="itemSize"
    [rowHeight]="rowHeight"
    [bodyHeight]="bodyHeight"
    [columnTpl]="bodyColumnTpl"
    [allowSelectRow]="allowSelectRow"
    [virtualScroll]="virtualScroll"
    [minBufferPx]="minBufferPx"
    [maxBufferPx]="maxBufferPx"
    [adaptionHeight]="adaptionHeight"
    [docPercent]="docPercent"
    [scroll]="scroll"
    [cellConfig]="cellConfig?.tbody"
    [(activatedRow)]="activatedRow"
    (activatedRowChange)="activatedRowChange.emit($event)"
    [table]="this"
  ></x-table-body>
  <x-table-foot [table]="this"></x-table-foot>
</table>
<x-pagination
  #pagination
  *ngIf="size"
  [(index)]="index"
  [(size)]="size"
  [(query)]="query"
  [total]="total"
  (indexChange)="change($event)"
  [showEllipsis]="showEllipsis"
  [showTotal]="showTotal"
  [space]="space"
  [hiddenBorder]="hiddenBorder"
>
</x-pagination>
